/**
 * 角色信息编辑controller.
 * @author 苏亚欣
 * @version 1.0.0, 2015-07-14
 */
Ext.define('MyApp.view.EditView', {
    extend : 'Ext.window.Window',
    alias : 'widget.editview',
    id : 'editview',
    title : '精品路线信息编辑',
    resizable : false,
    closeAction : 'hide',
    constrainHeader:true,
    width : 860,
    height : 800,
    //layout : 'fit',
    modal : true,
    layout: {
        type: 'vbox'
    },
    initComponent : function() {
        this.items = [
                {
                    xtype:'panel',
                    border: false,
                    style:'margin-top:5px',
                    items:{
                        xtype:'textfield',
                        fieldLabel:'标题',
                        name:'car_about',
                        width: 800,
                        //vtypeText : '备注信息最多可输入200个字符',
                        //vtype: 'limitLen'
                    }
                },
                {
                    xtype:'panel',
                    border: false,
                    items:{
                        xtype:'textarea',
                        fieldLabel:'介绍',
                        name:'car_about',
                        width: 800,
                        height: 60,
                        //vtypeText : '备注信息最多可输入200个字符',
                        //vtype: 'limitLen'
                    }
                },
                {
                    xtype:'panel',
                    border: false,
                    layout:{
                        type:'hbox'
                    },
                    //style:'margin-left:105px;',
                    items:[
                        {
                            xtype:'label',
                            text:'预览图片:',
                            width:105
                        },
                        //{
                        //    xtype : 'box',
                        //    id : 'browseImage',
                        //    autoEl: {
                        //        style: 'width:150px;height:150px;margin:0px auto;border:1px solid #ccc; text-align:center;padding-top:20px;margin-bottom:10px',
                        //        tag: 'div',
                        //        //src:'',
                        //        id: 'imageshow',
                        //        html: '暂无图片'
                        //    }
                        //},
                        //{
                        //    xtype : 'button',
                        //    text : '上传图片',
                        //    height : 30,
                        //    style : 'margin-left:20px;',
                        //    name:'btn_img'
                        //    //handler : btnsubmitclick
                        //}
                        {
                            xtype: 'box', //或者xtype: 'component',
                            width: 150,
                            id: 'imagebox',
                            name: 'imagebox',
                            height: 150,
                            autoEl: {
                                tag: 'img',    //指定为img标签
                                src: ''    //指定url路径
                            }
                        },
                        {
                            xtype : "form",
                            id : "form",
                            fileUpload : true,
                            // url: "uploadcustomer.action",
                            layout : "form",
                            items : [
                                {
                                    xtype : 'filefield',
                                    name : 'file',
                                    fieldLabel : '上传',
                                    allowbBlank : false,
                                    msgTarget : 'side',
                                    buttonText : '选择文件'
                                },
                                {
                                    xtype : "button",
                                    text : "上传",
                                    name:'btn-up',
                                    height : 30,
                                    style : "margin-left:20px;",
                                    //handler : btnsubmitclick
                                }
                            ]}
                    ]
                },
            {
                xtype:'panel',
                layout:'column',
                border: false,
                defaults : {
                    labelAlign : 'left',
                    xtype: 'radiofield',
                    labelWidth : 100,
                    //margin: '0 5'
                },
                items:[{
                    xtype: 'displayfield',
                    //margin: '0 0 0 5',
                    fieldLabel: '是否首页展示',
                    allowBlank : false,
                    width: 100,
                    style: 'text-align: left;'
                },{
                    boxLabel : '是',
                    name : 'staff_status',
                    inputValue: '1',
                    checked:"checked"
                },{
                    boxLabel : '否',
                    name : 'staff_status',
                    inputValue: '0'
                }]
            },{
                xtype: 'ckeditor',
                fieldLabel: '编辑内容',
                labelAlign: 'left',
                name: 'content',
                allowBlank: true,
                CKConfig: {
                    //如果选择字体样式等的弹出窗口被当前window挡住，就设置这个为一个较大的值99999
                    height: '300',
                    width: '690',
                    baseFloatZIndex: 99999,
                    image_previewText:' ',
                    fullPage: true,
                    allowedContent: true,
                    //图片和flash都上传到这里
                    filebrowserUploadUrl: '/MyProject/file/uploadImg.action'
                }
            },

            ],

            this.fbar = [{
                xtype: 'button',
                margin: '6',
                text: '保存',
                name: 'btn-save',
                iconCls: 'btn-save'
            },{
                xtype: 'button',
                margin: '6',
                text: '取消',
                name: 'btn-cancel',
                iconCls: 'btn-cancel',
                scope: this,
                handler: this.close
            }];

        this.callParent(arguments);
    }
});